//
// Variables
// --------------------------------------------------

// Colors
// -------------------------

// Background Widget, Default Sidebar
@white: #FFF;

// Inverse Sidebar
@black: #000;
@light-black: #264348;
@lighter-black: #2D575F;

// Background Body, Divider, Descriptions
@lighter-gray: #F2F1EF;
@light-gray: #E5E5E5;
@darker-gray: #6C7A89;

// Base Contextual
@primary: #3B40CE;
@success: #1abc9c;
@info: #22A7F0;
@warning: #FFB61E;
@danger: #F22613;
@gray: #95A5A6;
@purple: #9E18D8;
@orange: #F9690E;
@pink: #F62459;
@green: #26C281;
@lime: #A6E804;

// Google Material Design Shadow Helper
// -------------------------

.box-shadow-helper(@level: 0){
	& when (@level = 0) {
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	}
	& when (@level = 1) {
		box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	}
	& when (@level = 2) {
		box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	}
	& when (@level = 3) {
		box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	}
	& when (@level = 4) {
		box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	}
	& when (@level = 5) {
		box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	}
}

// Typography
// -------------------------

// font-family
@font-family: "Source Sans Pro", sans-serif;

// font-weight
@font-weight:
	300 300,
	400 400,
	600 600,
	700 700;

// font-size
@font-size:
	12 12,
	13 13,
	14 14,
	16 16,
	18 18,
	20 20,
	24 24,
	30 30,
	36 36,
	48 48,
	60 60;

// margin, margin-top, margin-right, margin-bottom, margin-left
// padding, padding-top, padding-right, padding-bottom, padding-left
@distance:
	0 0,
	5 5,
	10 10,
	15 15,
	20 20,
	25 25,
	60 60;